import { Component } from "react";
import SendPost from "./Post";
// 引入axios
import axios from 'axios';
console.log(axios)
class App extends Component {
    render(){
        return(
            <div>
                <h1>axios发送请求</h1>
                <button onClick={()=>{
                    axios({
                        // 请求地址
                        url:"/api/category",
                        // 请求方式
                        method:"get",
                        // get请求参数
                        params:null,
                        // 请求延迟
                        timeout:6000,
                        // baseURl 请求时axios会默认在请求地址上添加baseUrl
                        baseURL:"https://demo26.crmeb.net"
                    }).then((res)=>{
                        console.log(res)
                    }).catch((err)=>{
                        console.log(err)
                    })
                    }}>发送get请求</button>
                    <button onClick={()=>{
                        axios({
                            baseURL:"https://demo26.crmeb.net",
                            // get请求传递参数可以直接拼接到路径上
                            // url:"/api/pc/get_products?page=1&limit=10&cid=53&sid=0&priceOrder=&news=0",
                            url:"/api/pc/get_products",
                            params:{
                                page:1,
                                limit:10,
                                cid:53,
                                sid:0,
                                priceOrder:"",
                                news:0
                            },
                            method:"get",
                            timeout:6000
                        }).then(res=>{
                            console.log(res)
                        }).catch((err)=>{
                            console.log(err)
                        })
                    }}>get请求传递参数</button>

                    <button onClick={()=>{
                        // 参数一请求地址 参数二 请求配置
                        axios.get("/api/pc/get_products",{
                            baseURL:"https://demo26.crmeb.net",
                            timeout:6000,
                            params:{
                                page:1,
                                limit:10,
                                cid:53,
                                sid:0,
                                priceOrder:"",
                                news:0
                            }
                        }).then((res)=>{
                            console.log(res)
                        }).catch((err)=>{
                            console.log(err)
                        })
                    }}>get请求简写</button>
                    <SendPost/>
            </div>
        )
    }
}
export default App;